<template>
  <a href="http://www.xingcha365.com/" rel="noreferrer" target="_blank"
     title=""
  >
    <img :src="transparent ? iconTransparent : icon" :style="{
      width: `${size}px`,
      height: `${size}px`,
      background: !transparent ? 'transparent' : '#ffffff',
      borderRadius: (size*0.1)+'px',
    }"
    />
  </a>
</template>

<script>

import {defineComponent} from 'vue'

import icon from '../assets/icon.png'

import iconTransparent from '../assets/icon-trans.png'

export default defineComponent({
  name: 'Logo',
  props: {
    size: {
      type: Number,
      default: 32,
    },
    transparent: {
      type: Boolean,
      default: false,
    },
  },
  data() {
    return {
      icon,
      iconTransparent,
    }
  },
})
</script>
